/* styles.css */  
  
/* 全局样式 */  
body {  
    font-family: Arial, sans-serif;  
    margin: 0;  
    padding: 0;  
}  
  
/* 头部样式 */  
header {  
    background-color: #333;  
    color: #fff;  
    padding: 10px;  
}  
  
nav ul {  
    list-style-type: none;  
    margin: 0;  
    padding: 0;  
    display: flex;  
    justify-content: center;  
}  
  
nav ul li {  
    margin: 0 10px;  
}  
  
nav ul li a {  
    color: #fff;  
    text-decoration: none;  
    padding: 5px 10px;  
    border-radius: 5px;  
    transition: background-color 0.3s;  
}  
  
nav ul li a:hover {  
    background-color: #666;  
}  
  
/* 主体样式 */  
main {  
    margin: 20px;  
}  
  
.carousel, .categories, .recommendations {  
    margin-bottom: 20px;  
}  
  
.category {  
    border: 1px solid #ddd;  
    padding: 10px;  
    margin-bottom: 10px;  
}  
  
/* 底部样式 */  
footer {  
    height: 70px;
    background-color: #333;  
    color: #fff;  
    text-align: center;  
    padding: 10px;  
    position: fixed;  
    bottom: 0;  
    width: 100%;  
}  
  
/* 其他样式可以根据需要添加 */